<template>
    <nav>
        <h1>{{ title }}</h1>
    </nav>
    <div style="margin-top: 60px"></div>
</template>

<script>
export default {
    props:{
        title:String
    }

}
</script>

<style scoped>
nav {
    height: 60px;
    position: fixed;
    width: 100%;
    padding: 0 10px;
    z-index: 10;
    top: 0;
    border-bottom: 1px solid #cdd0d6;
    display: flex;
    backdrop-filter: saturate(180%) blur(6px);
    background: rgba(255, 255, 255, 0.9);
}

nav h1 {
    padding: 0 10px;
    font-size: 15px;
    color: var(--el-text-color-regular);
    cursor: pointer;
    line-height: 60px;
    font-weight: normal;
}
</style>